<template>
  <todo-input />
  <todo-list />
  <todo-item />
</template>

<script lang="ts">
import { defineComponent, defineAsyncComponent } from 'vue'

export default defineComponent({
  name: 'mains',
  components: {
    TodoInput: defineAsyncComponent(() => import('./TodoInput.vue')),
    TodoList: defineAsyncComponent(() => import('./TodoList/index.vue')),
    TodoItem: defineAsyncComponent(() => import('./TodoList/Item.vue'))
  }
})
</script>

<style>
</style>
